<template>
	<div id="news">
		<ul class="news_list">
			<li v-for="item in list">
				<router-link :to="'/newscnt/'+item.aid">=={{item.title}}</router-link>
											
			</li>
		</ul>
	</div>
</template>
<!---->
<script>
	export default{
		data(){
			return {
				list:[]
			}
		},
		methods:{
			
			requsetData(){
				var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1';
				this.$http.get(api).then((response)=>{
					this.list=response.body.result;
				},(err)=>{
					console.log(error);
				});
			}
		},mounted(){
			this.requsetData();
		}
	}
</script>
<style lang="scss">
	.news_list{
		padding-left:1rem;
		li{
			height:3.5rem;
			line-height: 3.5rem;
		}
	}
	
</style>